<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"  "http://www.w3.org/TR/html4/frameset.dtd">
<!--  Created by xinguoren on 15-4-16. -->
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>文件上传</title>

    <script type="text/javascript" src="/js/jquery-2.0.3.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">

    <!--[if lt IE 9]>
    <script src="/js/jquery-1.11.1.js"></script>
    <script src="/js/html5shiv.js"></script>
    <script src="/js/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="/js/bootstrap.min.js"></script>
    <!--[if lte IE 6]><script type="text/javascript">window.ie6= true<\/script><![endif]-->
</head>
<body style="min-height: 500px;">
<style>

</style>
<table class="table  table-hover">
    <caption>图片预览</caption>
    <tr>
        <td>点击图片预览（不兼容ie，只支持html5）</td>
        <td>
            <div id="preview"> <!-- fileupload.js中preview1注释代码所需区域 --></div>
            <img src="/imgs/defaultUpload.png" alt="click for upload" style="height: 150px;width: 150px;" id="previewPic">
            <input type="file" accept="image/jpg,image/png,image/jpeg,image/gif" id="pictureFile" style="display: none;visibility: hidden;">
        </td>
    </tr>
    <tr>
        <td>点击按钮预览（支持ie8及以上）</td>
        <td>
            <img src="/imgs/defaultUpload.png" alt="click for upload" style="height: 150px;width: 150px;" id="previewPic1">
            <input type="file" accept="image/jpg,image/png,image/jpeg,image/gif" id="pictureFile1" onchange="change('previewPic1','pictureFile1')">
        </td>
    </tr>

</table>


<script type="text/javascript" src="/js/filePreview.js"></script>
<%- include iframeSet%>
</body>
</html>